<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo18-axios使用</title>
  <script src="./js/vue.min.js"></script>
  <script src="./js/vue-router.js"></script>
  <script src="./js/axios.min.js"></script>
</head>

<body>

   <div id="app">
      {{info}}
   </div>

</body>

<script type="application/javascript">
 const vm = new Vue({
   el: "#app",
   data(){
     return {
       info: null
     }
   },
   mounted(){
     axios
       .get('./data/json_demo.json')
       .then(res => (this.info = res))
       .catch(function (error) {
         console.log('报错信息'+error);
       });
   }
 });



</script>
</html>
